<!doctype html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  <meta content="no" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>选择套餐</title>
  <link rel="stylesheet" href="__PUBLIC__/css/reset-mobile.min.css"/>
  <link rel="stylesheet" href="__PUBLIC__/css/style.css"/>
  <link rel="stylesheet" href="__PUBLIC__/css/base.css"/>

</head>
<body>
  <div class="warning" style="">
    <div class="qiye_confirm">
      <div class="qiye_confirm_content">
        <p>您确定要选择</p><p id='qiye_package_name'>此套餐？</p>
        <p>选择后无法更改</p>
      </div>
      <p class="qiye_confirm_button">
        <span id="qiye_confirm_button_yes">确定</span>
        <span id="qiye_confirm_button_no">取消</span>
      </p>
    </div>
  </div>


  <div class="se-pre-con"></div>
  <div class='top'>
    <a class='top_left'>
      <img src="__PUBLIC__/images/back.png">
    </a>
    <span class='sub_top_title'>企业用户-套餐选择</span>
    <span class='about'></span>
  </div>
  <div class="qiye_main">
    <div class="qiye_people">
      <p class="qiye_header">体检人信息</p>
      <form action="" method="post">
        <table class="qiye_table">
          <tr>
            <td class="qiye_td_first">姓名：</td>
            <td><input  class="qiye_input_text" type="text" name="realname" value="{$userInfo['realname']}" readonly="true" /></td>
          </tr>
          <tr>
            <td class="qiye_td_first">性别：</td>
            <td><input type="text" name="gender" value="{$userInfo['gender']}" readonly="true"/></td>
          </tr>
          <tr>
            <td class="qiye_td_first">年龄：</td>
            <td><input type="text" name="age" value="{$userInfo['age']}" readonly="true"/></td>
          </tr>
          <tr>
            <td class="qiye_td_first">手机号：</td>
            <td><input type="text" name="telephone" value="{$userInfo['telephone']}" readonly="true"/></td>
          </tr> 
          <tr>
            <td class="qiye_td_first">身份证号：</td>
            <td><input type="text" name="identity_no" value="{$userInfo['identity_no']}" readonly="true"/></td>
          </tr>
        </table>
      </div>
      <hr class="qiye_jiange"/>
      <div class="qiye_people">
        <p class="qiye_header">请选择体检套餐</p>
        <select class="qiye_select" name="item_id">
          <volist name="packageList" id="vo">
           <option value="{$key}" >{$vo}</option>
         </volist>
       </select>
       <p class="qiye_attention">通用套餐适用于美年大健康、爱康国宾和慈铭体检三家体检中心。</p>
       <p class="qiye_attention">美兆套餐仅适用于美兆体检中心。</p>
     </div>
     <hr class="qiye_jiange" />
     <div class="qiye_people">
      <p class="qiye_header">体检套餐详情</p>
      <volist name="dataList" id="vo">
        <div id="{$vo->packageId}" class="qiye_examinationItems">
          <input type="hidden" name="sale_price" value="{$vo->salePrice}"/>
          {$vo->examinationItems}
        </div>
      </volist>

    </div>
    <div class="qiye_submit_outer">
      <input id="submit_button"class="qiye_submit ui-btn ui-corner-all ui-shadow ui-icon-gear ui-btn-icon-left ui-btn-active" type="button" data-rel="dialog" value="确定">
    </div>
  </form>
</div>
</body>


</div>
<!-- <script src="http://7nj10u.com1.z0.glb.clouddn.com/jquery-1.11.1.min.js"></script>
页面加载动画js
<script   src="http://cdn.bootcss.com/modernizr/2010.07.06dev/modernizr.min.js"></script> -->
<!--弹窗确认效果-->

    <script src="__PUBLIC__/migrate/js/jquery-1.11.1.min.js"></script>
    <script  src="__PUBLIC__/migrate/js/modernizr.min.js"></script>

<script>
  $(document).ready(function(){
    $(".top_left").click(function () {
      window.history.back();
                // /yjxtjapi/h5.php/home/qiye/getPackage?uid=wanggang
              });

             // $(".top_back").click(function(){
             //       self.location=" /yjxtjapi/h5.php/home/qiye/getPackage?uid=<?php echo cookie('uid');?>";
             
             // });

            //下拉列表进行选择，切换体检套餐
            var selectId;
            selectId = $("select option:selected").val();
            selectId = "#"+selectId;
            $(selectId).siblings("div").hide();
            // alert(selectId);
            $(".qiye_select").change(function(){
              selectId="#"+$(this).val();
              $(selectId).siblings("div").hide();
              $(selectId).show();
            });

              //页面加载动画
              $(window).load(function() {
                $(".se-pre-con").fadeOut("slow");;
              });


                //弹窗确认套餐
                $("#submit_button").click(function(){
                    var packagename =$(".qiye_select option:selected").text();
                    packagename=packagename+"?";
                    $("#qiye_package_name").text(packagename);

                 $(".warning").css("display","block");
                 $(".qiye_confirm").show();
                 $("#qiye_confirm_button_yes").click(function(){
                  // alert('hello');
                    $("form").submit();
                });
                  $("#qiye_confirm_button_no").click(function(){
                  
                    // alert(name);
                    // alert("hello");
                    $(".warning").css("display","none");
                    $(".qiye_confirm").hide();
                    return false;
                    
                  });
                });




              });
</script>
</html>